<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="icon" href="favicon.ico" />
	<link rel="apple-touch-icon" href="favicon.ico" />
	<title>Innovations IT</title>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ribbon.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/css.css">
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/jquery-ui-1.8.16.custom.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/jquery.fancybox.css?v=2.1.0" media="screen" />
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery.slideimgs.home.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/configuration.js"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jquery.fancybox.js?v=2.1.0"></script>
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/scripts/jQueryRotate.js"></script>
	<script>
		$(document).ready(function(){
			$('.fancybox').fancybox({
				padding: 15,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					title : {
						type : 'inside'
					},
					overlay : null
				}
			});
		});
	</script>
	<script>
	jQuery(document).ready(function($) {
		var formxx = "#userForm";
	
		$(formxx).submit(function() {
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
			url = $(this).attr( 'action' );
			
			$(formxx+' #component23').css("display", "none");
			$(formxx+' #component28').css("display", "none");
			$(formxx+' #component24').css("display", "none");
			//$(formxx+' #component25').css("display", "none");
			//$(formxx+' #component29').css("display", "none");
			$(formxx+' #component30').css("display", "none");
			$(formxx+' #component31').css("display", "none");
			//Kiem tra noi dung input
			if($(formxx+' #email').val()=="" || !emailReg.test($(formxx+' #email').val()) || $(formxx+' #firstname').val()=="" || $(formxx+' #lastname').val()=="" || $(formxx+' #phone').val()=="" || $(formxx+' #describe').val()=="")
			{
				if($(formxx+' #email').val()=="")		
				{
					//alert($(formxx+' #component36').html()); 
					$(formxx+' #component24').css("display", "block");
				}
				if($(formxx+' #firstname').val()=="")		
				{
					//alert($(formxx+' #component31').html()); 
					$(formxx+' #component23').css("display", "block");
				}
				if($(formxx+' #lastname').val()=="")		
				{
					//alert($(formxx+' #component32').html()); 
					$(formxx+' #component28').css("display", "block");
				}
				if($(formxx+' #phone').val()=="")		
				{
					//alert($(formxx+' #component34').html()); 
					$(formxx+' #component30').css("display", "block");
				}
				if($(formxx+' #describe').val()=="")		
				{
					//alert($(formxx+' #component34').html()); 
					$(formxx+' #component31').css("display", "block");
				}
			}
			else
			{				
				
				// Cho hien dialog thong bao cho
				$('#dialog-message p').html('<div style="padding: 0  20px; text-align: center;"><img style="margin: 0 auto" src="<?php echo $this->baseurl ?>/templates/innovation/images/ajax-loading.gif" /><br /> Message is sending...!</div>');
				$( "#dialog:ui-dialog" ).dialog( "destroy" );	
				$( "#dialog-message" ).dialog({
					modal: true,
					buttons: {
						Ok: function() {
							$( this ).dialog( "close" );
						}
					}
				});		
				
				// Gui noi dung de xu ly
				$.ajax({
					  type: 'POST',
					  url: url,
					  data: $(this).serialize(),
					  success: function(data) {					  
							
								// Cho hien dialog thanh cong
								$('#dialog-message p').html('<div style="padding: 0  20px; text-align: center;"><p>Thank you for contact us, we will respond as soon as possible</p></div>');
								$( "#dialog:ui-dialog" ).dialog( "destroy" );
							
								$( "#dialog-message" ).dialog({
									modal: true,
									buttons: {
										Ok: function() {
											$( this ).dialog( "close" );
										}
									}
								});
								
								//Reset all input in form
								$(formxx).each(function(){this.reset();});
							
							}
						  
					});				
			}
			return false;
	});

});
	</script>
</head>
<body>
<div id="dialog-message" ><p></p></div>	
<div id="content">
	<div id="wrapper">
		<div id="header">
			<div class="w960 mha">
				<jdoc:include type="modules" name="header" />
			</div>
		</div>
		<jdoc:include type="component" />
	</div>
	<jdoc:include type="modules" name="footer" />

</div>
<!--Sticky Bar-->
<jdoc:include type="modules" name="sticky" />
<div id="btnUp"><a href="javascript:Up()"></a></div>
</body>
</html>